<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>张三 - 个人简历</title>
	<link rel="stylesheet" href="css/resume.css">
</head>
<body>
    <div class="container">
        <header class="header">
            <h1 class="name">张三</h1>
            <div class="contact-info">
                <span>📱 13800138000</span>
                <span>📧 zhangsan@example.com</span>
            </div>
        </header>
        <!-- 教育背景（始终展开） -->
        <div class="section">
            <h2 class="section-title">教育背景</h2>
            <div class="timeline-item">
                <h3>珠海科技学院</h3>
                <p>软件工程 | 本科</p>
                <p>2015年9月 - 2019年6月</p>
            </div>
        </div>
        <!-- 工作经历（始终展开） -->
        <div class="section">
            <h2 class="section-title">工作经历</h2>
            <div class="timeline-item">
                <h3>字节跳动 - 前端开发工程师</h3>
                <ul>
                    <li>负责公司核心业务的前端开发与维护</li>
                    <li>主导前端性能优化项目，提升页面加载速度40%</li>
                    <li>开发通用组件库，提升团队开发效率30%</li>
                </ul>
            </div>
        </div>
        <!-- 项目经验（可展开收起，默认展开） -->
        <div class="section collapsible">
            <h2 class="section-title">项目经验</h2>
            <div class="toggle-content" style="max-height: 500px;">
                <div class="project-item">
                    <h3>在线教育平台开发</h3>
                    <p class="tech-stack">技术栈：React + TypeScript + Node.js</p>
                    <ul>
                        <li>主导前端架构设计，实现响应式布局</li>
                        <li>开发实时互动课堂模块，支持千人同时在线</li>
                        <li>实现课程购买系统，日订单量超过5000+</li>
                    </ul>
                </div>
            </div>
        </div>
        <!-- 技能清单（可展开收起，默认展开） -->
        <div class="section collapsible">
            <h2 class="section-title">技能清单</h2>
            <div class="toggle-content" style="max-height: 100px;">
                <div class="skills">
                    <span class="skill-item">HTML/CSS</span>
                    <span class="skill-item">JavaScript</span>
                    <span class="skill-item">Vue.js</span>
                    <span class="skill-item">React.js</span>
                </div>
            </div>
        </div>
        <!-- 反馈表单 -->
        <div class="feedback-form">
            <h2>提交简历反馈</h2>
            <form id="feedbackForm">
                <div class="form-group">
                    <label>姓名：</label>
                    <input type="text" required>
                </div>
                <div class="form-group">
                    <label>邮箱：</label>
                    <input type="email" required>
                </div>
                <div class="form-group">
                    <label>留言：</label>
                    <textarea rows="4" required></textarea>
                </div>
                <button type="submit">提交反馈</button>
            </form>
        </div>
    </div>
    <script src="js/resume.js"></script>
</body>
</html>